$(function() {
	$('#username').on('blur', function() {
		var str = $('#username').val();
		var pattern = /^[a-z][a-z0-9]{1,19}$/gi;
		var boo = pattern.test(str);
		if (str != '') {
			if (!boo) {
				$('#usernamePrompt').html('用户名规则不符合要求');
				$('#usernamePrompt').css({
					color : 'red'
				});
				return;
			}
			checkUsername();
		} else {
			$('#usernamePrompt').html('*必填');
			$('#usernamePrompt').css({
				color : 'black'
			});
		}
	})

	$('#password').on('blur', function() {
		var str = $('#password').val();
		var pattern = /^(\D).{0,7}$/gi;
		var boo = pattern.test(str);
		if (str != '') {
			if (!boo) {
				$('#passwordPrompt').html('密码规则不符合要求');
				$('#passwordPrompt').css({
					color : 'red'
				});
			} else {
				$('#passwordPrompt').html('恭喜，密码规则符合要求');
				$('#passwordPrompt').css({
					color : 'green'
				});
			}
		} else {
			$('#passwordPrompt').html('*必填');
			$('#passwordPrompt').css({
				color : 'black'
			});
		}
	})

	$('#passwordConfirm').on('blur', function() {
		var passwordStr = $('#password').val();
		var passwordConfirmStr = $('#passwordConfirm').val();
		if (passwordStr != passwordConfirmStr) {
			$('#passwordConfirmPrompt').html('两次密码不一致');
			$('#passwordConfirmPrompt').css({
				color : 'red'
			});
		} else {
			$('#passwordConfirmPrompt').html('两次密码一致');
			$('#passwordConfirmPrompt').css({
				color : 'green'
			});
		}
	})

	$('#signUpBut').on('click', function() {
		var passwordStr = $('#password').val();
		var passwordConfirmStr = $('#passwordConfirm').val();
		if (passwordStr != passwordConfirmStr) {
			alert('两次密码不一致，请检查。');
			return;
		} else {
			$('#signupForm').submit();
		}
	})

	function checkUsername() {
		$.ajax({
			url : '../user/checkUsername.action',
			type : 'get',
			dataType : 'html',
			data : {
				'username' : $('#username').val(),
			},
			success : function(msg) {
				$('#usernamePrompt').html(msg);
				if (msg.indexOf('已存在') >= 0) {
					$('#usernamePrompt').append('，请换个用户名');
					$('#usernamePrompt').css({
						color : 'red'
					});

				} else {
					$('#usernamePrompt').append('，可以注册');
					$('#usernamePrompt').css({
						color : 'green'
					});
				}

			},
			error : function() {
				alert('在处理用户名判断的时候发生了错误。');
				return;
			}
		})
	}
})